You can create tabbed sections to show multiple versions of content, like code in different languages or rendered output vs source code.
To create tabs, use the following markdown syntax:
:::tabs
::tab{title="Python"}
python def greet(name): return f"Hello, {name}!" print(greet("World"))
::tab{title="JavaScript"}
javascript function greet(name) { return `Hello, ${name}!`; } console.log(greet("World"));
::tab{title="Output"}
Hello, World!
:::
def greet(name):
return f"Hello, {name}!"
print(greet("World"))
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("World"));